90:I[903690,["/chat-static/_next/static/chunks/0rt9odizr-jjb.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/3ite267mjat-0.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/035w0wg2gxyor.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/0mi4y0w4pl0wu.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/2q7fs4m_uamv5.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/14v7b-gixg9wk.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/16d-sm-uvlj85.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/1jfrn9u40szv6.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/41fykybko3c-s.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/34jb4285p3p7e.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/43tm4sfuv-bre.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/2sjnzs7s258hc.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/36289i9wjcw91.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/3szdt-heown_b.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/3xjlw3nohwgaz.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/1z4v54v0ctlnj.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/1xdkpdc84l3q9.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/0w7-fmksgb7nb.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/09cqs19p81kqd.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/3lzqzvqvppdbz.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/3wi82p7qvjxfb.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/2gumkeigv5cf6.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/07ek7rah7ke6w.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/1zmjnc028c2fv.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/25n_i-5l5l5ey.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/1q89dw-c_44o_.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/2cjw3-k1vrcs3.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/1lq145b3vyg4-.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/2kohmem-6ngwr.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/1d5cm3g8z-wmq.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/1-okd7udhalq3.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/3qg3qz7pjnemd.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/1ywag30-9ka99.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/3bbsz6yb3u_4l.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/2vn53p8-7ln-n.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/29z3h6t0tfllm.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/0g1vo6dajj3ur.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/0_o46o_pl393e.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/2vk7zslp0se6a.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/2e_g7o1snt_96.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/2_ncwtp5_4p4i.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/3xhe4ju57na2c.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/112s1d0t63y17.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/0bgbfks22job0.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj"],"ExplicitChatIdProvider"] 91:I[838238,["/chat-static/_next/static/chunks/0rt9odizr-jjb.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/3ite267mjat-0.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/035w0wg2gxyor.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/0mi4y0w4pl0wu.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/2q7fs4m_uamv5.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/14v7b-gixg9wk.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/16d-sm-uvlj85.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/1jfrn9u40szv6.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/41fykybko3c-s.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/34jb4285p3p7e.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/43tm4sfuv-bre.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/2sjnzs7s258hc.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/36289i9wjcw91.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/3szdt-heown_b.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/3xjlw3nohwgaz.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/1z4v54v0ctlnj.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/1xdkpdc84l3q9.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/0w7-fmksgb7nb.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/09cqs19p81kqd.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/3lzqzvqvppdbz.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/3wi82p7qvjxfb.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/2gumkeigv5cf6.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/07ek7rah7ke6w.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/1zmjnc028c2fv.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/25n_i-5l5l5ey.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/1q89dw-c_44o_.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/2cjw3-k1vrcs3.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/1lq145b3vyg4-.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/2kohmem-6ngwr.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/1d5cm3g8z-wmq.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/1-okd7udhalq3.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/3qg3qz7pjnemd.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/1ywag30-9ka99.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/3bbsz6yb3u_4l.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/2vn53p8-7ln-n.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/29z3h6t0tfllm.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/0g1vo6dajj3ur.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/0_o46o_pl393e.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/2vk7zslp0se6a.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/2e_g7o1snt_96.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/2_ncwtp5_4p4i.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/3xhe4ju57na2c.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/112s1d0t63y17.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj","/chat-static/_next/static/chunks/0bgbfks22job0.js?dpl=dpl_8sA98tgF1zXc9smifPewGH2AVyxj"],"SWRDataProvider"] 92:T181d,[V0_FILE]typescriptreact:file="components/kokonutui/bento-grid.tsx" import type React from "react" import { cn } from "@/lib/utils" import { Home, MapPin, Compass, Building, Heart, HomeIcon, Camera } from "lucide-react" import Link from "next/link" import { Card, CardHeader, CardContent, CardFooter } from "@/components/ui/card" interface BentoItem { title: string description: string icon: React.ReactNode status?: string tags?: string[] meta?: string cta?: string colSpan?: number hasPersistentHover?: boolean } interface BentoGridProps { items: BentoItem[] } const itemsSample: BentoItem[] = [ { title: "Luxury Beachfront Villa", meta: "4.9 (128 reviews)", description: "Stunning oceanfront property with private pool, modern amenities, and breathtaking sunset views. Perfect for family getaways.", icon: , status: "Superhost", tags: ["Beachfront", "Pool", "Luxury"], colSpan: 2, hasPersistentHover: true, }, { title: "Downtown Loft", meta: "$199/night", description: "Modern urban living in the heart of the city. Walking distance to restaurants and attractions.", icon: , status: "Instant Book", tags: ["Urban", "Modern"], }, { title: "Popular Areas", description: "Discover trending neighborhoods with the highest guest satisfaction", icon: , status: "New", }, { title: "Bali Villa", description: "A luxurious villa in Bali with a private pool and stunning views of the ocean", icon: , meta: "12 houses", tags: ["Housing", "Tools"], }, { title: "Travel Collections", description: "Curated lists of unique stays and experiences worldwide", icon: , meta: "Updated weekly", tags: ["Featured", "Curated"], }, { title: "Local Guide", meta: "6 cities", description: "Expert recommendations for local attractions and hidden gems", icon: , status: "Featured", tags: ["Local", "Guide"], }, { title: "Exclusive Experiences", meta: "100+ activities", description: "Unique adventures and memorable experiences curated by local experts. From cooking classes to outdoor expeditions.", icon: , status: "Premium", tags: ["Activities", "Local"], colSpan: 2, }, ] export default function BentoGrid({ items = itemsSample }: BentoGridProps) { return (

{items.map((item) => (

{item.icon}

{item.status || "Active"}

{item.title} {item.meta}

{item.description}

{item.tags?.map((tag) => ( #{tag} ))}

{item.cta || "Explore →"}

))}

) }86:["$","$L90",null,{"chatId":"YtRzGDof9lj","children":["$","$L91",null,{"data":{"@\"active-block\",\"YtRzGDof9lj\",":{"id":"b_nOLXA91mSiW","messageId":"2AS9K5TgFKpnlL60r083zYCz1Yz5xM6U","source":"$92","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"Open in v0","type":"code-project","project":"Open in v0"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"YtRzGDof9lj\",":false,"":null},"children":"$L93"}]}]

About

Tags

Share

About

Tags

Share

More from kokonut

More Templates Like This